<!--
 * @FilePath     : /study_code/layui/6-4-22.html
 * @Description  : tips 层相关的一些配置。
 * @Date         : 2025-04-08 17:33:58
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-08 20:27:21
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>documentName</title>
    <link rel="stylesheet" href="/layui/dist/css/layui.css" />
    <style>
      body {
        height: 2000px;
      }
    </style>

  </head>
  <body>
    <script src="/layui/dist/layui.js"></script>
    <script>
      // type参数
      layui.use('layer', function () {
        var layer = layui.layer,
          $ = layui.$

        layer.open({
          type: 4,
          content: '<div>文字信息22</div>',

          /**
           * @brief: tips 层的私有参数
           * !支持 上, 右, 下, 左 四个方向 (1, 2, 3, 4)
           * @value {boolean}
           */
          tips: 3, // 表示在元素的下面出现
          tips: [1, '#c00'], // 还可以定义一些颜色

          /**
           * @brief: 是否允许多个 tips
           * @return {boolean}
           */
          // tipsMore: false, // 不允许
          // tipsMore: true, // 允许
        })

        /* layer.open({
          type: 4,
          content: '<div>文字信息33</div>',
          }) */
      })
    </script>
  </body>
</html>
